<template>
    <div id="aboutus">
        <div class="center">
            <img src="/static/z39h5/img/logo.png" style="width: 60px;">
            <p class="vux-notice">杭州知达</p>
            <p class="vux-notice">版本号 v{{version}}</p>
            <!-- <h2 class="vux-title">杭州知达</h2>
            <h2 class="vux-title">版本号 v{{version}}</h2> -->
        </div>
        <group>
            <cell title="400热线" is-link value="4000076003" @click.native="tel('4000076003')">
                <!-- <a :href="tel:{{ tel }}"> </a> -->
                <i slot="icon" class="icon iconfont icon-kefu" style="color: #0894ec;"></i>
            </cell>
            <cell title="座机" is-link value="0571-26288882" @click.native="tel('0571-26288882')">
                <!-- <a :href="tel:{{ tel }}"> </a> -->
                <i slot="icon" class="icon iconfont icon-kefu" style="color: #0894ec;"></i>
            </cell>
        </group>
        <group>
            <cell title="相关项目" @click.native="doWarn" is-link>
                <i slot="icon" class="icon iconfont icon-guanyu" style="color: #0894ec;"></i>
            </cell>
        </group>
        <group>
            <cell title="兼职赚钱" @click.native="doWarn" is-link>
                <i slot="icon" class="icon iconfont icon-yue" style="color: #09bb07;"></i>
            </cell>
            <cell title="我要加入" @click.native="doWarn" is-link>
                <i slot="icon" class="icon iconfont icon-jinlingyingcaiwangtubiao08" style="color: #0894ec;"></i>
            </cell>
        </group>
        <div style="bottom:10px;position: absolute;width: 100%;text-align: center;">
            <p class="footer__links" style="padding:0;margin: 0;">
                杭州知达
            </p>
            <p class="footer__text" style="margin-top: 2px;">Copyright © 2014-2017 7dtime.com</p>
        </div>
    </div>
</template>
<script>
import {
    Cell,XTextarea,XInput,Group,XButton
} from 'vux'
import {mapState,mapActions} from 'vuex'

export default {
    components: {
        Cell,XTextarea,XInput,Group,XButton
    },
    computed: {
        ...mapState({
            version: state => state.vux.version,
        })
    },
    mounted: function() {
        // this.getData();
    },
    updated: function() {

    },
    methods: {
        tel: function(phone) {
            window.location.href = `tel:${phone}`;
        },
        doWarn(){
            this.$vux.toast.show({text: "暂未开放" ,type: 'warn'});
        }
    },
    data() {
        return {
            // version: "4.0.4"
        }
    }
}
</script>
<style scoped>


#aboutus .iconfont {
    font-size: 20px;
    margin-right: 15px;
}

.center {
    margin-top: 15px;
    text-align: center;
}

.vux-notice {
    color: #666;
    /*line-height: 40px;*/
    font-size: 16px;
}
</style>
